import { Button } from '../ui/button'
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '../ui/card'

export const Tip = () => {
  return (
    <Card>
      <CardHeader>
        <CardTitle>网站小贴</CardTitle>
      </CardHeader>
      <CardContent>
        <div className="text-center leading-8">斑马兽是一个主张友好、分享、自由的技术交流社区。 请记住我们的口号</div>
        <div className="text-center text-red-600 font-bold leading-8">斑马兽 人人做斑马</div>
      </CardContent>
      <CardFooter className="flex justify-center gap-3 pt-3 border-t">
        <Button variant="outline">发贴交流</Button>
        <Button variant="default">订阅优惠</Button>
        <Button variant="outline">在线文档</Button>
      </CardFooter>
    </Card>
  )
}
